<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no">
    <meta name="keywords" content="北民大,北方民族大学,照片,图片,北民大图片">
    <link rel="icon" type="image/x-icon" href="image/favicon/favicon.ico"/>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
          integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk"
          crossorigin="anonymous">
    <link rel="stylesheet" href="css/common/common.css">
    <link rel="stylesheet" href="css/common/nav.css">
    <link rel="stylesheet" href="css/common/footer.css">
    <link rel="stylesheet" href="css/common/img-box.css">
    <link rel="stylesheet" href="photoswipe/photoswipe.css">
    <link rel="stylesheet" href="photoswipe/default-skin/default-skin.css">
    <title>最美北民大!</title>
</head>
<body>
<!--导航栏-->
<nav class="navbar navbar-expand-sm fixed-top navbar-light bg-light">
    <!--LOGO-->
    <a class="navbar-brand" href="#">
        <img src="image/common/logo.png" class="nav-logo-img" alt="LOGO"/>
    </a>
    <!--响应式下拉DOM元素-->
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
            aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>

    <!--导航栏-->
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav mr-auto">
            <li class="nav-item">
                <a class="nav-link" href="index.html">首页</a>
            </li>
            <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown01" role="button"
                   data-toggle="dropdown"
                   aria-haspopup="true" aria-expanded="false">
                    民大四季
                </a>
                <div class="dropdown-menu" aria-labelledby="navbarDropdown01">
                    <a class="dropdown-item" href="siji-spring.html">春天</a>
                    <a class="dropdown-item" href="siji-summer.html">夏天</a>
                    <!--<div class="dropdown-divider"></div>-->
                    <a class="dropdown-item" href="siji-autumn.html">秋天</a>
                    <a class="dropdown-item" href="siji-winter.html">冬天</a>
                </div>
            </li>
            <li class="nav-item active dropdown">
                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown02" role="button"
                   data-toggle="dropdown"
                   aria-haspopup="true" aria-expanded="false">
                    建筑名胜
                </a>
                <div class="dropdown-menu" aria-labelledby="navbarDropdown02">
                    <a class="dropdown-item" href="building-zhulou.html">主楼</a>
                    <a class="dropdown-item" href="building-tushuguan.html">图书馆</a>
                    <a class="dropdown-item" href="building-tiyuguan.html">体育馆</a>
                    <a class="dropdown-item" href="building-xindahuo.html">大学生活动中心</a>
                    <a class="dropdown-item" href="#">思学亭</a>
                    <a class="dropdown-item" href="building-other.html">其他</a>
                </div>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="biyeji.html">毕业季</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="panorama.html">北民大全景</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="about.html">关于我们</a>
            </li>
        </ul>
        <div class="nav-reward" data-toggle="modal" data-target="#rewardModal">
            点点看嘛
            <img src="image/icon/emoji-smile-upside-down.svg"
                 class="nav-reward-icon"
                 alt="微笑">
        </div>
    </div>
</nav>
<!--打赏Modal-->
<div class="modal fade"
     id="rewardModal"
     data-backdrop="static"
     data-keyboard="false"
     tabindex="-1"
     role="dialog"
     aria-labelledby="staticBackdropLabel"
     aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-body">
                <div class="reward-modal">
                    <p>我们想将网站拓展成论坛的形式，以便大家一起来展现北民大的美。</p>
                    <p>但是目前由于技术、成本等因素，我们任在计划中，更多信息可以查看关于我们噢。(●'◡'●).</p>
                    <p class="text-muted">你的支持是对我们最大的鼓励。<span style="white-space:nowrap;">😘😘😘</span></p>
                    <div style="text-align: center;display: flex;justify-content: space-around;">
                        <img src="image/common/wx-qr-code.png" class="reward-qr-code" alt=""/>
                        <img src="image/common/zfb-qr-code.png" class="reward-qr-code" alt=""/>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">关闭</button>
                <a href="image/common/zfb-qr-code.png" download="支付宝码-bmd-photo">
                    <button type="button" class="btn btn-primary btn-sm">下载支付宝码</button>
                </a>
                <a href="image/common/wx-qr-code.png" download="微信码-bmd-photo">
                    <button type="button" class="btn btn-primary btn-sm">下载微信码</button>
                </a>
            </div>
        </div>
    </div>
</div>

<!--↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓页面内容↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓-->
<div class="container">
    <div class="container-no-padding">
        <div style="margin: 32px 0;text-align: center;">
            <h4>思学亭</h4>
            <div style="font-size: 12px;" class="text-muted">
                <span id="/bmd-photo/building-sixueting.html"
                      class="leancloud_visitors"
                      data-flag-title="建筑-思学亭">
                    <em class="post-meta-item-text">浏览量 </em>
                    <i class="leancloud-visitors-count">[获取中...]</i>
                </span>
            </div>
            <img class="img-fluid" src="image/building/hui5.png" alt="">
        </div>
        <div class="clearfix">
            <img class="img-box" data-gallery-id="1" data-size="600x400" src="image/siji-spring/test2.jpg" alt=""/>
            <img class="img-box" data-gallery-id="1" data-size="600x400" src="image/home/siji/n1.jpg" alt=""/>
            <img class="img-box" data-gallery-id="1" data-size="600x400" src="image/home/siji/n1.jpg" alt=""/>
            <img class="img-box" data-gallery-id="1" data-size="600x400" src="image/home/siji/n1.jpg" alt=""/>
            <img class="img-box" data-gallery-id="1" data-size="600x400" src="image/home/siji/n1.jpg" alt=""/>
        </div>
    </div>
</div>

<!--评论部分-->
<div class="container">
    <div class="container-no-padding">
        <div id="vcomments"></div>
    </div>
</div>
<!--↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑页面内容↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑-->

<!--底部-->
<div class="footer-box">
    <div class="container">
        <div class="row">
            <!--当在sm及其以下情况下占满，其他情况下平分-->
            <div class="col">
                <a class="footer-a" href="https://tuchong.com/2644570/" target="_blank">
                    <img class="footer-img" src="image/common/foot1.png" alt=""/>
                    <span class="footer-text">小牛工作室</span>
                </a>
            </div>
            <div class="col">
                <a class="footer-a" href="http://www.nun.edu.cn/" target="_blank">
                    <img class="footer-img" src="image/common/foot2.png" alt=""/>
                    <span class="footer-text">北方民族大学</span>
                </a>
            </div>
            <div class="col">
                <a class="footer-a" href="https://tuchong.com/" target="_blank">
                    <img class="footer-img" src="image/common/foot3.png" alt=""/>
                    <span class="footer-text">图虫网</span>
                </a>
            </div>
            <div class="col">
                <a class="footer-a" href="#">
                    <img class="footer-img" src="image/common/foot4.png" alt=""/>
                    <span class="footer-text">北方民族线上游</span>
                </a>
            </div>
        </div>
        <div class="row" style="padding: 0 32px 32px;text-align: center;flex-direction: column;">
            <p style="margin-bottom: 12px;font-size: smaller;">
                版权声明：2020-2030©北方民族大学在线游宣传网站版权归小牛工作室（作者）所有，不经作者允许，不得商用。</p>
            <p style="margin-bottom: 12px;font-size: smaller;">反馈邮件：1459583478@qq.com，本网站所用到的素材如有发现侵权，请第一时间联系作者删除。</p>
            <p style="margin-bottom: 0;font-size: smaller;">
                <span id="busuanzi_container_site_pv">
                    本站总访问量 <span id="busuanzi_value_site_pv">?</span> 次
                </span>
            </p>
        </div>
    </div>
</div>
<!--相框根目录-->
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="pswp__bg"></div>
    <div class="pswp__scroll-wrap">
        <div class="pswp__container">
            <div class="pswp__item"></div>
            <div class="pswp__item"></div>
            <div class="pswp__item"></div>
        </div>
        <div class="pswp__ui pswp__ui--hidden">
            <div class="pswp__top-bar">
                <div class="pswp__counter"></div>
                <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
                <button class="pswp__button pswp__button--share" title="Share"></button>
                <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
                <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
                <div class="pswp__preloader">
                    <div class="pswp__preloader__icn">
                        <div class="pswp__preloader__cut">
                            <div class="pswp__preloader__donut"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
                <div class="pswp__share-tooltip"></div>
            </div>
            <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
            </button>
            <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
            </button>
            <div class="pswp__caption">
                <div class="pswp__caption__center"></div>
            </div>
        </div>
    </div>
</div>
<script src="js/common/jquery-3.5.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
        integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
        crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"
        integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI"
        crossorigin="anonymous"></script>
<script src="photoswipe/photoswipe.min.js"></script>
<script src="photoswipe/photoswipe-ui-default.min.js"></script>
<script src="js/common/photoswipe.js"></script>
<script src="js/common/toTop.js"></script>
<script src='//unpkg.com/valine/dist/Valine.min.js'></script>
<script>
    new Valine({
        el: '#vcomments',
        appId: '0COJMLY5ryFA4fz5Luk1Ivqf-gzGzoHsz',
        appKey: 'QQkPVpgYiJFuQqMEl4fESHED',
        placeholder: '快来说说你的想法吧!',
        meta: ['nick', 'mail'],
        avatar: 'wavatar',
        visitor: true
    })
</script>
<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
</body>
</html>